<script setup>
import CollectionPaymentComponent from './CollectionPaymentComponent.vue'
// import CommonFunctionsComponents from './CommonFunctionsComponents.vue'
import ComectionChild from '@/components/comection/ComectionChild.vue'
import ToolSettingsComponent from './ToolSettingsComponent.vue'



</script>
<template>
  <CollectionPaymentComponent @change ="$emit('change',$event)"  style="width: 96%;margin-left: 2%;margin-top: 10px;"/>
  <ComectionChild   @change ="$emit('change',$event)"  style="width: 96%;margin-left: 2%;"/>
  <ToolSettingsComponent  @change ="$emit('change',$event)"  style="width: 96%;margin-left: 2%;"/>
</template>
<style scoped>
  *{
      margin: 0;
      padding: 0;
  }
  .el-main{
    --el-main-padding: 0px;
  }
  .el-header{
    --el-header-padding: 0px;
  }
  .el-footer{
    --el-footer-padding: 0px;
    --el-footer-height: 0px;  
  }
</style>